<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>通用后台管理模板系统</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="${request.contextPath}/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="${request.contextPath}/layuiadmin/style/admin.css" media="all">
    <link rel="stylesheet" href="${request.contextPath}/layuiadmin/style/common.css" media="all">
    <link rel="stylesheet" href="${request.contextPath}/layuiadmin/style/popup.css" media="all">
    <style>
        /* 动画效果 */
        .layui-card-body .layui-form-item .layui-input-block {
            transition: box-shadow 0.3s ease-in-out;
        }
        .layui-card-body .layui-form-item .layui-input-block:hover {
            box-shadow: 0 0 10px rgba(0,0,0,0.2);
        }

        /* 按钮样式 */
        .layui-btn-xs {
            padding: 0.2rem 0.5rem;
            font-size: 0.75rem;
            line-height: 1.5;
            border-radius: 0.2rem;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        /* 表单美化 */
        .layui-input, .layui-textarea {
            padding: 0.5rem;
            border-color: #d2d2d2;
            border-radius: 0.25rem;
        }
        .layui-input:focus, .layui-textarea:focus {
            border-color: #3c8dbc;
        }
    </style>
</head>
<body>
<script>
</script>
<div class="layui-card layui-content">
    <div class="layui-card-body">
        <form class="layui-form"  action="" lay-filter="component-form-element">
            <input type="hidden" id="id" name="id" value="${id}">
            <div class="layui-row layui-col-space10 layui-form-item">


<#--                <div class="layui-col-lg6">-->
<#--                        <label class="layui-form-label">id</label>-->
<#--                    <div class="layui-input-block">-->
<#--                        <input type="text"-->
<#--                               name="id"-->
<#--                               value="${obj.id}"-->
<#--                               autocomplete="off"-->
<#--                               class="layui-input">-->
<#--                    </div>-->
<#--                </div>-->


                <div class="layui-col-lg6">
                        <label class="layui-form-label">所属客户</label>
                    <div class="layui-input-block">
                        <input type="text"
                               name="custId"
                               value="${obj.custId}"
                               autocomplete="off"
                               class="layui-input">
                    </div>
                </div>


                <div class="layui-col-lg6">
                        <label class="layui-form-label">合同名称</label>
                    <div class="layui-input-block">
                        <input type="text"
                               name="contractName"
                               value="${obj.contractName}"
                               autocomplete="off"
                               class="layui-input">
                    </div>
                </div>


                <div class="layui-col-lg6">
                        <label class="layui-form-label">合同编码</label>
                    <div class="layui-input-block">
                        <input type="text"
                               name="contractCode"
                               value="${obj.contractCode}"
                               autocomplete="off"
                               class="layui-input">
                    </div>
                </div>


                <div class="layui-col-lg6">
                        <label class="layui-form-label">合同金额</label>
                    <div class="layui-input-block">
                        <input type="text"
                               name="amounts"
                               value="${obj.amounts}"
                               autocomplete="off"
                               class="layui-input">
                    </div>
                </div>


<#--                <!-- 合同生效开始时间 &ndash;&gt;-->
<#--                <div class="layui-col-lg6">-->
<#--                    <label class="layui-form-label">合同生效开始时间</label>-->
<#--                    <div class="layui-input-block">-->
<#--                        <!-- Layui 日期时间选择器 &ndash;&gt;-->
<#--                        <input type="text" name="startDate" placeholder="请选择开始时间" autocomplete="off" class="layui-input" id="startDateUpdate" value="${obj.startDate}">-->
<#--                    </div>-->
<#--                </div>-->
                <div class="layui-col-lg6">
                    <label class="layui-form-label">合同生效开始时间</label>
                    <div class="layui-input-block">
                        <input type="text"
                               id="startDate"
                               name="startDate"
                               value="${obj.startDate}"
                               autocomplete="off"
                               class="layui-input">
                    </div>
                </div>
                <div class="layui-col-lg6">
                    <label class="layui-form-label">合同生效结束时间</label>
                    <div class="layui-input-block">
                        <input type="text"
                               id="endDate"
                               name="endDate"
                               value="${obj.endDate}"
                               autocomplete="off"
                               class="layui-input">
                    </div>
                </div>

<#--                <!-- 合同生效结束时间 &ndash;&gt;-->
<#--                <div class="layui-col-lg6">-->
<#--                    <label class="layui-form-label">合同生效结束时间</label>-->
<#--                    <div class="layui-input-block">-->
<#--                        <!-- Layui 日期时间选择器 &ndash;&gt;-->
<#--                        <input type="text" name="endDate" placeholder="请选择结束时间" autocomplete="off" class="layui-input" id="endDateUpdate" value="${obj.endDate}">-->
<#--                    </div>-->
<#--                </div>-->


                <div class="layui-col-lg6">
                        <label class="layui-form-label">合同内容</label>
                    <div class="layui-input-block">
                        <input type="text"
                               name="content"
                               value="${obj.content}"
                               autocomplete="off"
                               class="layui-input">
                    </div>
                </div>


<#--                <div class="layui-col-lg6">-->
<#--                        <label class="layui-form-label">是否盖章确认 0 否 1 是</label>-->
<#--                    <div class="layui-input-block">-->
<#--                        <input type="text"-->
<#--                               name="affixSealStatus"-->
<#--                               value="${obj.affixSealStatus}"-->
<#--                               autocomplete="off"-->
<#--                               class="layui-input">-->
<#--                    </div>-->
<#--                </div>-->


<#--                <div class="layui-col-lg6">-->
<#--                        <label class="layui-form-label">审核状态 0 未审核 1 审核通过 -1 审核不通过</label>-->
<#--                    <div class="layui-input-block">-->
<#--                        <input type="text"-->
<#--                               name="auditStatus"-->
<#--                               value="${obj.auditStatus}"-->
<#--                               autocomplete="off"-->
<#--                               class="layui-input">-->
<#--                    </div>-->
<#--                </div>-->


<#--                <div class="layui-col-lg6">-->
<#--                        <label class="layui-form-label">是否作废 1 作废 0 在用</label>-->
<#--                    <div class="layui-input-block">-->
<#--                        <input type="text"-->
<#--                               name="nullifyStatus"-->
<#--                               value="${obj.nullifyStatus}"-->
<#--                               autocomplete="off"-->
<#--                               class="layui-input">-->
<#--                    </div>-->
<#--                </div>-->
                <!-- 是否盖章确认 0 否 1 是 -->
                <div class="layui-col-lg6">
                    <label class="layui-form-label">是否盖章确认</label>
                    <div class="layui-input-block">
                        <select name="affixSealStatus" class="layui-select" lay-filter="affixSealStatus">
                            <option value="">--请选择--</option>
                            <option value="0">否</option>
                            <option value="1">是</option>
                        </select>
                    </div>
                </div>

                <!-- 审核状态 0 未审核 1 审核通过 -1 审核不通过 -->
                <div class="layui-col-lg6">
                    <label class="layui-form-label">审核状态</label>
                    <div class="layui-input-block">
                        <select name="auditStatus" class="layui-select" lay-filter="auditStatus">
                            <option value="">--请选择--</option>
                            <option value="0">未审核</option>
                            <option value="1">审核通过</option>
                            <option value="-1">审核不通过</option>
                        </select>
                    </div>
                </div>

                <!-- 是否作废 1 作废 0 在用 -->
                <div class="layui-col-lg6">
                    <label class="layui-form-label">是否作废</label>
                    <div class="layui-input-block">
                        <select name="nullifyStatus" class="layui-select" lay-filter="nullifyStatus">
                            <option value="">--请选择--</option>
                            <option value="1">作废</option>
                            <option value="0">在用</option>
                        </select>
                    </div>
                </div>

                <div class="layui-col-lg6">
                        <label class="layui-form-label">录入人</label>
                    <div class="layui-input-block">
                        <input type="text"
                               name="inputUser"
                               value="${obj.inputUser}"
                               autocomplete="off"
                               class="layui-input">
                    </div>
                </div>


                <div class="layui-col-lg6">
                        <label class="layui-form-label">录入时间</label>
                    <div class="layui-input-block">
                        <input type="text"
                               name="inputTime"
                               value="${obj.inputTime}"
                               autocomplete="off"
                               class="layui-input">
                    </div>
                </div>


                <div class="layui-col-lg6">
                        <label class="layui-form-label">修改时间</label>
                    <div class="layui-input-block">
                        <input type="text"
                               name="updateTime"
                               value="${obj.updateTime}"
                               autocomplete="off"
                               class="layui-input">
                    </div>
                </div>


                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn layui-btn-normal" lay-submit lay-filter="Add-filter">修改</button>
                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

<script src="${request.contextPath}/layuiadmin/layui/layui.js"></script>
<script src="${request.contextPath}/layui-extend.js"></script>
<script src="${request.contextPath}/webjars/jquery/jquery.min.js"></script>
<script>

</script>
<script type="text/javascript" src="${request.contextPath}/scripts/tract/contract/update.js?_=${randomNum}"></script>
<#--<script>-->
<#--    layui.use('laydate', function(){-->
<#--        var laydate = layui.laydate;-->
<#--        // 更新页面的开始时间选择器初始化，使用后端传递的值-->
<#--        laydate.render({-->
<#--            elem: '#startDateUpdate',-->
<#--            type: 'datetime',-->
<#--            value: '${obj.startDate}' // 使用 Layui 的内置模板引擎功能来插入日期值-->
<#--        });-->
<#--        // 更新页面的结束时间选择器初始化，使用后端传递的值-->
<#--        laydate.render({-->
<#--            elem: '#endDateUpdate',-->
<#--            type: 'datetime',-->
<#--            value: '${obj.endDate}' // 使用 Layui 的内置模板引擎功能来插入日期值-->
<#--        });-->
<#--    });-->
<#--</script>-->
<script>
    layui.use(['form'], function(){
        var form = layui.form;
        // 渲染表单，使 select 变成 Layui 的 select 组件
        form.render('select');
    });
</script>
<script>
    layui.use(['form'], function(){
        var form = layui.form;
        var obj = { // 从后端获取的JSON对象
            affixSealStatus: "${obj.affixSealStatus}",
            auditStatus: "${obj.auditStatus}",
            nullifyStatus: "${obj.nullifyStatus}"
        };

        // 为每个 select 设置默认选中项
        form.val({
            'affixSealStatus': obj.affixSealStatus,
            'auditStatus': obj.auditStatus,
            'nullifyStatus': obj.nullifyStatus
        });

        // 监听 select 元素的 change 事件
        form.on('select', function(data){
            console.log(data.elem); // 得到select原始DOM对象
            console.log(data.value); // 得到被选中的值
            // 可以在这里执行其他操作，如发送 AJAX 请求等
        });
    });
</script>

</body>
